<div class="slider-wrap">
    <div id="mainSlider" class="nivoSlider slider-image">
        <a href="#"><img src="{{cdn('/assets/img/bg1.jpg')}}" alt="main slider" title="#htmlcaption1"/></a>
        <a href="#"><img src="{{cdn('/assets/img/bg2.jpg')}}" alt="main slider" title="#htmlcaption2"/></a>
    </div>
    <div id="htmlcaption1" class="nivo-html-caption">
        <div class="slide-text-right text-white slide-text font">
            <div class="middle-text text-center">
                <h2 class="cap-sub-title wow fadeInDown" data-wow-duration=".9s" data-wow-delay="0.8s">XOSS SHOP</h2>
                <h1 class="cap-title wow fadeInLeft" data-wow-duration=".9s" data-wow-delay="1.5s">Women’s NEW FASHION</h1>
                <p class="cap-dec wow fadeInRight" data-wow-duration="0.9s" data-wow-delay="2.2s">See our full collection.s summer 2016 Lookbook</p>
                <a href="#" class="btn btn-danger h-30 w-120" data-wow-duration="0.9s" data-wow-delay="3s">Shop Now</a>
            </div>
        </div>
    </div>
    <div id="htmlcaption2" class="nivo-html-caption">
        <div class="slide-text-left text-white slide-text">
            <div class="middle-text text-center font">
                <h2 class="cap-sub-title wow fadeInDown" data-wow-duration=".9s" data-wow-delay="0.8s">XOSS SHOP</h2>
                <h1 class="cap-title wow fadeInRight" data-wow-duration=".9s" data-wow-delay="1.5s">Women’s NEW FASHION</h1>
                <p class="cap-dec wow fadeInLeft" data-wow-duration="0.9s" data-wow-delay="2.2s">See our full collection.s summer 2016 Lookbook</p>
                <a href="#" class="btn btn-danger h-30 w-120" data-wow-duration="0.9s" data-wow-delay="3s">Shop Now</a>
            </div>
        </div>
    </div>
</div>